<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
	<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta name="full-screen" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="address=no">
	
	<!-- import CSS -->
	<link rel="stylesheet" href="assets/css/style.css">      
	<script src="assets/js/jquery.js"></script>
	
	<script>
		$(function(){
			$('.screen_a').click(function(){
				$('#screen').show();
				$('#screen_bg').show();
				$('html,body').addClass('ovfHiden'); //使网页不可滚动
			})
			$('.cancel').click(function(){
				$('#screen').hide();
				$('#screen_bg').hide();
				$('html,body').removeClass('ovfHiden'); //使网页恢复可滚
			})
		})
	</script>

</head>

<body>	
	
<!--筛选弹窗-->
<div class="screen" id="screen">
	<div class="screen_main">
	    <div class="binding_tit">机柜ID：</div>
	    <div class="binding_select"><input value="请输入"></div>
	    <div class="binding_tit">选择商户：</div>
	    <div class="binding_select">
	    	<select>
	    		<option>请选择</option>
	    		<option>商户1</option>
	    		<option>商户2</option>	    		
	    	</select>
	    </div>
	    <div class="binding_tit">设备状态：</div>
	    <div class="binding_select">
	    	<select>
	    		<option>请选择</option>
	    		<option>设备状态1</option>
	    		<option>设备状态2</option>	    		
	    	</select>
	    </div>
	    <div class="binding_btn">	    	
	    	<button class="state_confirm">确认</button>
	    	<button class="cancel">取消</button>
	    </div>
    </div>
</div>
<div id="screen_bg"></div>

<!-- 顶部 -->
<div class="head">
	<div class="head_back"><a href="index.html"><img src="assets/images/arrow.png"></a></div>
    <div class="head_txt">设备管理</div>
</div>

<div class="flow_btn">
	<a href="equip_add.html" class="flow_a" style="width:35%;"><img src="assets/images/add.png">添加设备</a>
	<a href="javascript:;" class="flow_a flow_btn3 fr screen_a">筛选</a>
</div>

<div class="store_main">
	<ul>
		<li>
			<div class="store_head">
				<div class="store_h_left">机柜ID：RLT9013</div>
				<span class="state_normal">正常</span>
			</div>
			<div class="store_con">
				<p class="store_p mt10">归属商户：厦门有限公司</p>
				<p class="store_p"><span>型号：S90</span><span>总数：10块</span><span>可租：7块</span></p>
			</div>			
			<div class="sotre_btn">
				<a href="javascript:;" class="sotre_btn1 state_default">删除</a>
				<a href="details.html" class="sotre_btn1">查看详情</a>
			</div>	
		</li>
		<li>
			<div class="store_head">
				<div class="store_h_left">机柜ID：RLT9013</div>
				<span class="state_danger">故障</span>
			</div>
			<div class="store_con">
				<p class="store_p mt10">归属商户：厦门有限公司</p>
				<p class="store_p"><span>型号：S90</span><span>总数：10块</span><span>可租：7块</span></p>
			</div>			
			<div class="sotre_btn">
				<a href="javascript:;" class="sotre_btn1 state_default">删除</a>
				<a href="details.html" class="sotre_btn1">查看详情</a>
			</div>	
		</li>
		<li>
			<div class="store_head">
				<div class="store_h_left">机柜ID：RLT9013</div>
				<span class="state_normal">正常</span>
			</div>
			<div class="store_con">
				<p class="store_p mt10">归属商户：厦门有限公司</p>
				<p class="store_p"><span>型号：S90</span><span>总数：10块</span><span>可租：7块</span></p>
			</div>			
			<div class="sotre_btn">
				<a href="javascript:;" class="sotre_btn1 state_default">删除</a>
				<a href="details.html" class="sotre_btn1">查看详情</a>
			</div>	
		</li>
	</ul>
</div>
</body>
</html>